<!DOCTYPE html>
<html>
<head>
	<title>客服中心管理系统</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" href="css/login.css" type="text/css">
	<link href="/favicon.ico" rel="icon" type="image/x-icon" />
</head>
<body>
	<!--登录-->
	<div class="login item" id="Login">
		<div class="item">
			<img class="logo" src="img/logo.png" alt="">
			<p>96512津湘客服中心</p>
			<div class="login_content">
				<form action="header.html">
					<div class="group_name">
						<i class="i-uname"></i>
						<input autofocus class="input btn-block username" type="text" placeholder="用户名" name="uname">
					</div>
				   <!--<span>15454545</span>-->
					<div class="group_pwd">
						<i class="i-pwd"></i>
						<input class="input btn-block pwd" type="password" placeholder="密码" name="upwd">
					</div>
					<span></span>
					<a href="header.html"><input type="submit" class="btn btn_ok" value="登录"></a>
				</form>
				<div class="" style="height:20px">
				    <a heaf="javascript:;" class="forget">修改密码&gt;&gt;</a>
				</div>
			</div>
		</div>
	</div>
	<!--修改密码-->
	<div class="login item" id="revise">
		<span id="exit" class="close">&times;</span>
		<div class="item">
			<p>修改密码</p>
			<div>
				<form class="form-horizontal" id="myform">
					<div class="form-group">
						<label for="uName" class="col-sm-2 col-lg-2 col-xs-2 col-md-2 control-label">用户账户：</label>
						<div class="col-sm-10 col-lg-10 col-xs-10 col-md-10">
							<input autofocus type="text" class="form-control" id="uName" placeholder="请输入用户账户" name="uName">
						</div>
					</div>
					<div class="form-group">
						<label for="Name" class="col-sm-2 col-lg-2 col-xs-2 col-md-2 control-label">真实姓名：</label>
						<div class="col-sm-10 col-lg-10 col-xs-10 col-md-10">
							<input type="text" class="form-control" id="Name" placeholder="请输入真实姓名" name="Name">
						</div>
					</div>
					<div class="form-group">
						<label for="Oldpwd" class="col-sm-2 col-lg-2 col-xs-2 col-md-2 control-label">原有密码：</label>
						<div class="col-sm-10 col-lg-10 col-xs-10 col-md-10">
							<input type="password" class="form-control" id="Oldpwd" placeholder="请输入原有密码" name="Oldpwd">
						</div>
					</div>
					<div class="form-group">
						<label for="Newpwd" class="col-sm-2 col-lg-2 col-xs-2 col-md-2 control-label">&nbsp;新密码：</label>
						<div class="col-sm-10 col-lg-10 col-xs-10 col-md-10">
							<input type="password" class="form-control" id="Newpwd" placeholder="请输入新密码" name="Newpwd">
						</div>
					</div>
					<div class="form-group">
						<label for="Cfmpwd" class="col-sm-2 col-lg-2 col-xs-2 col-md-2 control-label">确认密码：</label>
						<div class="col-sm-10 col-lg-10 col-xs-10 col-md-10">
							<input type="password" class="form-control" id="Cfmpwd" placeholder="请再次输入新密码" name="Cfmpwd">
						</div>
					</div>
				</form>
			</div>
			<div class="form-group Submit">
				<div>
					<input type="submit" class="btn btn_ok" value="确认" form="myform">
				</div>
			</div>
		</div>
	</div>
	<!--Modal Gradient shadow-->
	<span id="Modal"></span>
	<script src="js/jquery-2.1.4.js"></script>
	<script>
		$(".close").click(function(){
			$("#revise").css("display","none");
			$("#Login").css("display","block");
		})
		$(".forget").click(function(){
			$("#revise").css("display","block");
			$("#Login").css("display","none");
		})
		$(".btn_ok").click(function(){
			$(".btn_ok").parent().attr("href","Callrecord.html");
		})
	</script>
</body>
</html>